<template>
  <div ref="canvasRef" id="viewport"></div>
</template>

<script setup>
import { onMounted, ref } from 'vue'
import D2 from '@2d/index.js'

const canvasRef = ref(null)

onMounted(() => {
  new D2(canvasRef.value)
})
</script>

<style scoped>
#viewport {
  height: 100%;
  width: 100%;
}

#viewport canvas {
  height: 100%;
  width: 100%;
}
</style>
